<template>
  <div>
     <router-view />
            <van-tabbar v-model="active">
                <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
                <van-tabbar-item to="/planList" icon="search">出行计划</van-tabbar-item>
                <van-tabbar-item to="/my" icon="setting-o">我的</van-tabbar-item>
            </van-tabbar>
  </div>
</template>

<script>
// import {ref} from 'vue';

export default {
  name: "footerBar",
  data() {
    return {
      active: '0',
    }
  },
  // methods: {
  //   onChange(index){
  //     this.active= index;
  //   },
  // },

  // setup() {
  //   const active = ref(0);
  //   return { active };
  // },
};
</script>
